<template>
  <div id="app">
    <div class="logo">
      <div class="gqing"></div>
      <div class="title-h2">
        <h2>健康申报及考勤数据管理系统</h2>
      </div>
    </div>
    <div class="bar">
        <p>广东青年职业学院 | 网络数据中心</p>
      </div>
    <router-view />
    <div class="copyright">
      <p>Copyright ©2020 by 广东青年职业学院</p>
    </div>
  </div>
</template>

<style lang="scss">
* {
  margin: 0;
  padding: 0;
}
#app {
  font-family: "微软雅黑";
  min-width: 1200px;
  height:100%;
}
.container {
  width: 1200px;
  margin: 0 auto;
}
.el-message-box {
  //弹出提示框大小
  width: 320px !important;
}
.el-cascader-menu{
  //级联选择器滚动条靠边
  width: 100%;
}
.logo {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    height: 130px;
    background-color: #0075a9;
    .gqing {
      margin: 0 auto;
      width: 390px;
      height: 80px;
      background: url(./assets/gqing.png) 100% 50% / contain no-repeat scroll;
    }
    .title-h2 {
      h2 {
        text-align: center;
        font-size: 28px;
        color: #fff;
        font-family: '宋体';
      }
    }
  }
.bar {
  background-color: #eee;
  font-size: 12px;
  line-height: 26px;
  margin-top: -4px;
  padding-left: 4%;
  color: #909399;
  margin-bottom: 50px;
}
.copyright {
  width: 100%;
  height: 90px;
  border-top: 1px solid #969183;
  background-color: #0075a9;
  text-align: center;
  margin-top: 140px;
  p {
    font-size: 14px;
    margin-top: 40px;
    color: #fff;
  }
}
</style>
